<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			#main{
				background: url(resources/reg-mobile.jpg) no-repeat;
				height: 500px; 
			}
			#main #reg{
				margin-left: 160px;
			}
			#main #reg #regNav{
				display: flex; 
			}
			#main #reg  #regNav div{
				width: 150px;
				height: 60px;
				line-height: 60px;
				font-size: 30px;
				margin-right: 3px;
				text-align: center;
			}
			#main #reg  #regNav div#regemail{
				background-color: #142b59;
				color: white;
			}
			#main #reg  #regNav div#regphone{
				background-color: white;
				color: #142b59;
			}
			#main #reg #regForm{
				background-color: white;
				height: 300px;
				width: 76%;
				font-size: 20px;
				display: flex;
			}
		</style>
	</head>
	<body>
		<div id="header" style="height: 200px;"></div>
		<div id="main">
			<div id="reg">
				<div id="regNav">
					<div id="regphone"><span>手机注册</span></div>
					<div id="regemail"><span>邮箱注册</span></div>
				</div>
				<div id="regForm">
					<div id="regUser">
						<div>
							<p>
								<input type="tel" name="phone" placeholder="常用手机号" />
								<span></span>
							</p>
							<p>
								<input type="text" name="v" placeholder="6位短信验证码" />
								<input type="button" name="btn1" value="获得验证码" />
								<span></span>
							</p>
							<p>
								<input type="password" name="pass" placeholder="常用手机号" />
								<span></span>
							</p>
							<p>
								<input type="checkbox" name="confirm" value="y" required="required" />同意<a href="#">用户服务条款</a>
							</p>
							<p>
								<input type="submit" value="注册" />
							</p>
						</div>
					</div>
					<div id="hasAccount">
						<p>
							<input type="submit" id="" name="" value="已有账号,立即注册" />
						</p>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
